<script lang="ts" setup>
import AuthConfig from '@/components/authconfig.vue'
import { version } from '../../package.json'
</script>

<template>
  <div class="app-container">
    <h1>KIKIMAMI WhatsApp 助手</h1>
    <AuthConfig />
    <div class="footer">
      <span>Author: RunSky</span>
      <span class="version">v{{ version }}</span>
    </div>
  </div>
</template>

<style scoped>
.app-container {
  padding: 16px;
  min-width: 320px;
}

h1 {
  font-size: 1.5em;
  color: #111b21;
  margin-bottom: 20px;
  text-align: center;
}

.footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.version {
  color: #666;
  font-size: 0.9em;
}
</style>
